<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
  <style type="text/css">
     #div1 .active{background:yellow;}
     #div1 div{width:200px;height:200px;background:#ccc;border:1px solid #999;display:none;font-size:14px;line-height:20px;}
  </style>
	<script type="text/javascript">
	        // window.onload=function(){
          // var div1=document.getElementById("div1");
          // var sDiv=div1.getElementsByTagName("div");
          // var sInput=div1.getElementsByTagName("input");
          //    for(var i=0;i<sInput.length;i++){
          //          sInput[i].index=i;
          //          sInput[i].onclick=function(){
          //               for(var i=0;i<sInput.length;i++){
          //                 sInput[i].className='';
          //                 sDiv[i].style.display='none';
          //               }
          //           this.className='active';
          //           sDiv[this.index].style.display='block';
          //          }
          //    }
          //  }
         /* window.onload=function (){
            var div1=document.getElementById("div1");
          var sInput=div1.getElementsByTagName("input");
            var sDiv=div1.getElementsByTagName("div");
            for(var i=0;i<sInput.length;i++){  
                   sInput[i].index=i; 
                 sInput[i].onclick=function (){
                  for(var i=0;i<sInput.length;i++){
                    sInput[i].className='';
                     sDiv[i].style.display='none';
                  }
                  this.className='active';
                   sDiv[this.index].style.display='block';
                 }
                 
            }
          }
*/
window.onload=function (){
    var div1=document.getElementById("div1");
    var oinput=div1.getElementsByTagName("input");
    var odiv=div1.getElementsByTagName("div");
   for(var i=0;i<oinput.length;i++){
         oinput[i].index=i;
        oinput[i].onclick=function(){
          for(var i=0;i<oinput.length;i++){
          oinput[i].className='';
          odiv[i].style.display='none';
        }
         this.className='active';
         odiv[this.index].style.display='block';
        }

   }
 } 
	</script>

</head>
<body>
     <div id="div1">
       <input type="button" value="教育" class="active">
       <input type="button" value="培训">
       <input type="button" value="招生">
       <input type="button" value="出国">
     <div style="display:block">虹信软件开启校企合作新篇章<br>
虹信软件助力建诚集团开启“智能制造”新模式<br>
虹信软件亮相2016成都智慧产业国际博览会<br>
虹信数字化企业平台 助力企业转型升级<br>
虹信软件亮相中国科技大会堂，分享财务共享经验<br></div>
     <div>面向智能制造的数字化建设(一)<br>
面向智能制造的数字化建设(一)<br>
面向智能制造的数字化建设(一)<br>
面向智能制造的数字化建设(四)<br>
面向智能制造的数字化建设(三)<br>
面向智能制造的数字化建设(二)<br>
面向智能制造的数字化建设(一)</div>
     <div>帮助不同的组织机构快速把握IT机遇驱动业务增长实现管理创新，同时有效回避风险，为您的企业创造更多价值。帮助不同的组织机构快速把握IT机遇驱动业务增长实现管理创新，同时有效回避风险，为您的企业创造更多价值。</div>
     <div>统的建设，建立高效、敏捷、精益的企业综合业务管理统一信息平台。
 财务共享解决方案
财务共享解决方案
虹信软件财务共享平台解决方案历经十年打造，融入了数十家大中型企业财务共享的宝贵经验，是拥有自主知识产权</div>
    </div>
</body>
</html>